<div class="info_main" id="info">
    <% for(var i = 0; i < 200; i++) { %>
        <div class="info_item">
            <span class="info_time">2019/01/11 12:00:01</span>
            <span class="info_name">任务一</span>
            <span class="info_state">开始运行...</span>
        </div>
        <div class="info_item is_active">
            <span class="info_time">2019/01/11 12:00:01</span>
            <span class="info_name">任务一</span>
            <span class="info_state">出现异常</span>
        </div>
        <div class="info_item">
            <span class="info_time">2019/01/11 12:00:01</span>
            <span class="info_name">任务一</span>
            <span class="info_state">暂停</span>
        </div>
        <div class="info_item">
            <span class="info_time">2019/01/11 12:00:01</span>
            <span class="info_name">任务一</span>
            <span class="info_state">正在解析数据...</span>
        </div>
        <div class="info_item">
            <span class="info_time">2019/01/11 12:00:01</span>
            <span class="info_name">任务一</span>
            <span class="info_state">停止</span>
        </div>
    <% } %>
</div>
<style>
    .info_main{
        height: 100%;
        overflow: auto;
    }
    .info_main::-webkit-scrollbar{
        width: 0;
        opacity: 0;
    }
    .info_item{
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        color: #1EB8EC;
        background-color: #173c68;
    }
    .info_item:nth-child(even) {
        background-color: #14365b;
    }
    .info_item.is_active{
        color: #f56c6c;
    }
    .info_time{
        display: inline-block;
        width: 40%;
    }
    .info_name{
        display: inline-block;
        width: 20%;
    }
    .info_state{
        display: inline-block;
        width: 30%;
    }
</style>
<script>
function scrollTop() {
  var num = 0 ;
  setInterval(() => {
    var info = document.getElementById('info')
    num += 10
    info.scrollTop = num
  }, 100)
}
scrollTop()
</script>
